<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Editor.aspx.cs" Inherits="Editor" Title="Magnolia - Editor" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="Microsoft.Web.Preview" Namespace="Microsoft.Web.Preview.UI.Controls" TagPrefix="cc2" %>

<asp:Content ID="Content_Editor" ContentPlaceHolderID="ContentPlaceHolder_Main" Runat="Server">
<script src="Scripts/editorevents.js" type="text/javascript"></script>
<script src="Scripts/editor.js" type="text/javascript"></script>
<script src="Scripts/lists.js" type="text/javascript"></script>
<script src="Scripts/draggables.js" type="text/javascript"></script>

<form id="Form_Editor" runat="server" oncontextmenu="return false;">
<asp:HiddenField ID="Hidden_EditorHeader" runat="server" />
<asp:HiddenField ID="Hidden_ListLookupIDs" runat="server" />
<asp:HiddenField ID="Hidden_EditorPageID" runat="server" />
<asp:HiddenField ID="Hidden_SessionID" runat="server" />
<asp:HiddenField ID="Hidden_UserID" runat="server" />
<asp:ListBox ID="ListBox_UserAccess" runat="server"></asp:ListBox>
<asp:HiddenField ID="Hidden_PreviousBtnChoice" runat="server" />
<asp:ScriptManager ID="ScriptManager_Editor" runat="server">
</asp:ScriptManager>

<div id="scheduleEditor" style="display:none;">
<!-- page title start -->
<h1>
	<span><asp:Label ID="Lbl_ScheduleHeader" runat="server" Text=""></asp:Label></span>
    <input id="scheduleEditorReturn" type="button" value="" />
    <input id="scheduleEditorNextWeek" type="button" value="Next Week &gt;" style="display:none;"/>
    <input id="scheduleEditorPrevWeek" type="button" value="&lt; Prev Week" style="display:none;"/>
    <input id="scheduleEditorCopyWeek" type="button" value="Copy Week From..." style="display:none;"/>
</h1>
<!-- page title end -->

<!-- schedule editor start -->
<div class="mainHolder">
    <!-- left block start -->
	<div class="leftBlock">
		<h2>
			<span>Add Package to Schedule</span>
		</h2>
		<div class="innerBlock">
            <h3>
				<span>Search</span>
				<a href="#" class="switch">Open/Collapse</a>
			</h3>
			<div class="innerContent">
			    <div id="scheduleEditor_SearchFields"></div>
			    <div id="packageSearchButtons" class="row" style="display:none;">
                    <input id="scheduleEditorSearch" type="button" value="Search" onclick="getSearchResults();" />
                    <div class="spacerS"></div>
		            <input id="scheduleEditorReset" type="button" value="Reset" onclick="resetSearchFields('scheduleEditor_SearchFields');"/>
		        </div>
		    </div>           
		</div>
		<div id="scheduleEditor_SearchResultsBlock" class="innerBlock">
		    <h3>
			    <span>Search Results</span>
			    <a href="#" class="switch">Open/Collapse</a>
		    </h3>
	        <div class="innerContent">
	            <div id="scheduleEditor_SearchAlerts" class="row" style="display:none;"></div>
                <div class="row">
		            <div class="col">
			            <select id="scheduleEditorSort" onchange="sortResults(this, 'scheduleEditorResults');" disabled="disabled">
				            <option selected="selected" value="0">Sort By</option>
				            <option value="1">Name</option>
				            <option value="2">Newest</option>							
			            </select>
			        </div>
			        <div class="col" style="float:right;">
                        <input id="scheduleEditorAdd" type="button" value="Add >>" disabled="disabled" onclick="activeEditor.addFromIcon();"/>
                    </div>
		        </div>
		        <div class="row">
                    <select id="scheduleEditorResults" multiple="multiple"  class="heightL width100" onchange="resultsIndexChanged(this);" ondblclick="activeEditor.addFromIcon();">
                    </select>
	            </div>
	        </div>
		</div>
		<p class="create"><a id="scheduleEditor_NewPackage" href="#" style="display:none;" onclick="activeEditor.selectedCell = null; drillDown(1);">Create New Package</a></p>
	</div>
    <!-- left block end -->
    <!-- right block start -->
    <div class="rightBlock">
        <h2>
		    <span>Schedule Editor</span>
		    <input id="scheduleEditor_Cancel" type="button" style="display:none;" value="Cancel Changes" />
		    <input id="scheduleEditor_Save" type="button" value="Save Schedules" style="display:none;" onclick="activeEditor.save();"/>
	    </h2>
	    <div class="innerContent" id="scheduleDDEditorContainer">
            <div id="scheduleEditor_Messages"  class="errorMsgSchedule"></div>
	        <div id="sortableDroppableList" style="float:right;"></div>
	        <div id="droppableList" style="float:right; margin-right:10px;"></div>
	        <div id="draggableList" style="float:right; margin-right:10px;"></div>
	    </div>		
    </div>
</div>
<!-- main content end -->
</div>
<!-- schedule editor start -->

<!-- package editor start -->
<div id="packageEditor" style="display:none;">
<!-- page title start -->
<h1>
	<span><asp:Label ID="Lbl_PackageHeader" runat="server" Text=""></asp:Label></span>
	<input id="packageEditorCreateNew" type="button" value="Create New Package" onclick="createNew();" style="display:none;"/>
	<input id="packageEditorReturn" type="button" value="" />
</h1>
<!-- page title end -->

<!-- main content start -->
<div class="mainHolder">
<!-- left block start -->
<div class="leftBlock">
	<h2>
		<span>Add Event to Package</span>
	</h2>
	<div class="innerBlock">
        <h3>
			<span>Search</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
		<div class="innerContent">
		    <div id="packageEditor_SearchFields"></div>
		    <div id="eventSearchButtons" class="row" style="display:none;">
                <input id="packageEditorSearch" type="button" value="Search" onclick="getSearchResults();" />
                <div class="spacerS"></div>
	            <input id="packageEditorReset" type="button" value="Reset" onclick="resetSearchFields('packageEditor_SearchFields');"/>
	        </div>
	    </div>
	</div>
	<div class="innerBlock">
	    <h3>
		    <span>Search Results</span>
		    <a href="#" class="switch">Open/Collapse</a>
	    </h3>
        <div class="innerContent">
            <div id="packageEditor_SearchAlerts" class="row" style="display:none;"></div>
            <div class="row">
	            <div class="col">
		            <select id="packageEditorSort" onchange="sortResults(this, 'packageEditorResults');" disabled="disabled">
		                <option selected="selected" value="0">Sort By</option>
			            <option value="1">Name</option>
			            <option value="2">Newest</option>						
		            </select>
		        </div>
		        <div class="col" style="float:right;">
                    <input id="packageEditorAdd" type="button" value="Add >>" disabled="disabled" onclick="activeEditor.addFromIcon();"/>
                </div>
	        </div>
	        <div class="row">
                <select id="packageEditorResults" multiple="multiple"  class="heightL width100" onchange="resultsIndexChanged(this);" ondblclick="activeEditor.addFromIcon();">
                </select>
            </div>
        </div>
	</div>
	<p class="create"><a id="packageEditor_NewEvent" href="#" style="display:none;" onclick="activeEditor.selectedCell = null; drillDown(2);">Create New Event</a></p>
</div>
<!-- left block end -->

<!-- right block start -->
	<div class="rightBlock">
		<h2>
			<span>Package Editor</span>
    	<input id="packageEditor_Cancel" type="button" style="display:none;" value="Cancel Changes" />
		<input id="packageEditor_SaveCopy" type="button" value="Save Copy As" style="display:none;" onclick="showSaveCopyAs();" />
		<input id="packageEditor_Save" type="button" value="Save Package" style="display:none;" onclick="(packageEditorPackageDate != '') ? (showSavePackageInstance()) : (saveEditorObject());" />
		</h2>
		<div id="packageEditor_Messages" class="errorMsg"></div>
		<div id="packageEditor_Properties" class="innerBlock">
			<h3>
				<span>Properties</span>
				<a href="#" class="switch">Open/Collapse</a>
			</h3>
			<div class="innerContent">
	            <div class="row">
	                <div class="col">
	                    <label>Package Name</label>
                        <input id="packageEditor_Name" type="text" class="widthM" value="" onchange="setPageModified(true);" />
	                </div>
	                <div class="spacerXL"></div>	
	                <div class="col">
	                    <label>ID</label>
                        <input id="packageEditor_Id" type="text" value="" disabled="disabled" style="width:30px;" />
	                </div>
	                <div class="spacerXL"></div>
	                <div class="col">
	                    <label>Duration (mm:ss)</label>
                        <input id="packageEditor_Duration" type="text" class="widthS" value="" disabled="disabled" onchange="setPageModified(true);" />
	                </div>
	                <div class="spacerXL"></div>	
	                <div class="col">
	                    <label>Air Date (mm/dd/yy)</label>
                        <input id="packageEditor_AirDateFrom" type="text" class="date" value="" onchange="setPageModified(true);"  onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />

                        <span style="padding-top:2px;">&nbsp;to&nbsp;</span>

                        <input id="packageEditor_AirDateTo" type="text" class="date" value="" onchange="setPageModified(true);"  onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />
	                </div>
	                <div class="spacerXL"></div>	
	                <div class="col">
	                    <label>Color</label>
                        <div  id="packageEditor_Color" class="colorSelectBox" style="background-color:#3399ff;" onclick="showColorSelector(this); setPageModified(true);" ></div>
	                </div>
	            </div> 
	            <div class="row">
	                <div class="col">
	                    <label>Cue String Start</label>
	                    <input id="packageEditor_CueStringStart" class="widthL" type="text" value="" onchange="setPageModified(true);" onfocus="cs_blur();" />
                    </div>
                    <div class="spacerXL"></div>
                    <div class="col">
	                    <label>Cue String End</label>
	                    <input id="packageEditor_CueStringEnd" class="widthL" type="text" value="" onchange="setPageModified(true);" />
                    </div>
                </div>  
                <div id="packageEditorMetaData"></div>              
	        </div>   
		</div>
		<div class="innerBlock">
			<h3>
				<span>Editor</span>
				<a href="#" class="switch">Open/Collapse</a>
			</h3>
            <div class="innerContent" id="packageDDEditorContainer_0">
	        

	        </div>		
		</div>
		<div class="innerBlock">
			<h3>
				<span>Cue Editor</span>
				<a href="#" class="switch">Open/Collapse</a>
			</h3>
			<div id="packageEditorCueAlerts" class="errorMsg"></div>
            <div class="innerContent" id="packageEditorCues">
	        </div>		
		</div>		
		<div id="packageEditorDayPart" class="innerBlock collapsed">
	    <h3>
	        <span>Day Part Restrictions</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
	        <div class="row">
	        <div class="col">
    	        <label>Play this package only during the following times:</label>
    	    </div>
    	    <div class="spacerXL"></div>
    	    <div class="col">
    	        <div class="row">
    	            <a href="#" onclick="checkDayPart('all');">Check All</a>&nbsp;&#47;&nbsp;<a href="#" onclick="checkDayPart('none');">Check None</a>
    	        </div>
     	        <div class="row"><input id="packageDPR1" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;12:00 AM - 12:59 AM</div>
     	        <div class="row"><input id="packageDPR2" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;01:00 AM - 01:59 AM</div>
     	        <div class="row"><input id="packageDPR3" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;02:00 AM - 02:59 AM</div>
     	        <div class="row"><input id="packageDPR4" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;03:00 AM - 03:59 AM</div>
     	        <div class="row"><input id="packageDPR5" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;04:00 AM - 04:59 AM</div>
     	        <div class="row"><input id="packageDPR6" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;05:00 AM - 05:59 AM</div>
     	        <div class="row"><input id="packageDPR7" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;06:00 AM - 06:59 AM</div>
     	        <div class="row"><input id="packageDPR8" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;07:00 AM - 07:59 AM</div>
     	        <div class="row"><input id="packageDPR9" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;08:00 AM - 08:59 AM</div>
     	        <div class="row"><input id="packageDPR10" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;09:00 AM - 09:59 AM</div>
     	        <div class="row"><input id="packageDPR11" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;10:00 AM - 10:59 AM</div>
     	        <div class="row"><input id="packageDPR12" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;11:00 AM - 11:59 AM</div>
     	        <div class="row"><input id="packageDPR13" type="checkbox" checked="checked" onchange="setPageModified(true);"/>&nbsp;12:00 PM - 12:59 PM</div>
     	        <div class="row"><input id="packageDPR14" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;01:00 PM - 01:59 PM</div>
     	        <div class="row"><input id="packageDPR15" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;02:00 PM - 02:59 PM</div>
     	        <div class="row"><input id="packageDPR16" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;03:00 PM - 03:59 PM</div>
     	        <div class="row"><input id="packageDPR17" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;04:00 PM - 04:59 PM</div>
     	        <div class="row"><input id="packageDPR18" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;05:00 PM - 05:59 PM</div>
     	        <div class="row"><input id="packageDPR19" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;06:00 PM - 06:59 PM</div>
     	        <div class="row"><input id="packageDPR20" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;07:00 PM - 07:59 PM</div>
     	        <div class="row"><input id="packageDPR21" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;08:00 PM - 08:59 PM</div>
     	        <div class="row"><input id="packageDPR22" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;09:00 PM - 09:59 PM</div>
     	        <div class="row"><input id="packageDPR23" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;10:00 PM - 10:59 PM</div>
     	        <div class="row"><input id="packageDPR24" type="checkbox" checked="checked"  onchange="setPageModified(true);"/>&nbsp;11:00 PM - 11:59 PM</div>
     	    </div> 	   
     	    </div>     
	    </div>
    </div>
	<div class="innerBlock collapsed">
		<h3>
			<span>Log</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
        <div class="innerContent">
            <div id="packageEditor_Log" class="TextArea_Log"></div>
        </div>
	</div>
	</div>
<!-- right block end -->
</div>
<!-- main content end --> 
</div>
<!-- package editor end -->

<!-- event editor start -->
<div id="eventEditor" style="display:none">
<!-- page title start -->
<h1>
	<span><asp:Label ID="Lbl_EventHeader" runat="server" Text=""></asp:Label></span>
	<input id="eventEditorCreateNew" type="button" value="Create New Event" onclick="createNew();" style="display:none;"/>
	<input id="eventEditorReturn" type="button" value="" />
</h1>
<!-- page title end -->
<!-- main content start -->
<div class="mainHolder">
<!-- left block start -->
<div class="leftBlock">
	<h2>
		<span>Add Combo/Asset to Event</span>
	</h2>
	<div class="innerBlock">
        <h3>
			<span>Search</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
		<div class="innerContent">
		    <div id="eventEditor_SearchFields"></div>
		    <div id="comboSearchButtons" class="row" style="display:none;">
                <input id="eventEditorSearch" type="button" value="Search" onclick="getSearchResults();" />
                <div class="spacerS"></div>
	            <input id="eventEditorReset" type="button" value="Reset" onclick="resetSearchFields('eventEditor_SearchFields');"/>
	        </div>
	    </div>
	</div>
	<div class="innerBlock">
	    <h3>
		    <span>Search Results</span>
		    <a href="#" class="switch">Open/Collapse</a>
	    </h3>
        <div class="innerContent">
		    <div id="eventEditor_SearchAlerts" class="row" style="display:none;"></div>
            <div class="row">
	            <div class="col">
		            <select id="eventEditorSort" onchange="sortResults(this, 'eventEditorResults');" disabled="disabled">
			            <option selected="selected" value="0">Sort By</option>
			            <option value="1">Name</option>
			            <option value="2">Newest</option>								
		            </select>
		        </div>
		        <div class="col" style="float:right;">
                    <input id="eventEditorAdd" type="button" value="Add >>" disabled="disabled" onclick="activeEditor.addFromIcon();"/>
                </div>
	        </div>
	        <div class="row">
                <select id="eventEditorResults" multiple="multiple"  class="heightL width100" onchange="resultsIndexChanged(this);" ondblclick="activeEditor.addFromIcon();">
                </select>
            </div>
        </div>
	</div>
	<p class="create"><a id="eventEditor_NewCombo" href="#" style="display:none;" onclick="activeEditor.selectedCell = null; drillDown(3);">Create New Combo</a></p>
	<p class="create"><a id="eventEditor_NewAsset" href="#" style="display:none;" onclick="activeEditor.selectedCell = null; drillDown(4);">Create New Asset</a></p>
</div>
<!-- left block end -->

<!-- right block start -->
<div class="rightBlock">
	<h2>
		<span>Event Editor</span>
	<input id="eventEditor_Cancel" type="button" value="Cancel Changes" style="display:none;" />
	<input id="eventEditor_SaveCopy" type="button" value="Save Copy As" style="display:none;" onclick="showSaveCopyAs();" />
	<input id="eventEditor_Save" type="button" value="Save Event" style="display:none;" onclick="saveEditorObject();" />
	</h2>
	<div id="eventEditor_Messages" class="errorMsg"></div>
	<div class="innerBlock">
		<h3>
			<span>Properties</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
		<div class="innerContent">
            <div class="row">
                <div id="linkPlaceholder"></div>
                <div class="col">
                    <label>Event Name</label>
                    <input id="eventEditor_Name" type="text" class="widthM" value="" onchange="setPageModified(true);" />
                </div>
                <div class="spacerXL"></div>	
                <div class="col">
                    <label>ID</label>
                    <input id="eventEditor_Id" type="text" value="" disabled="disabled" style="width:30px;" />
                </div>
                <div class="spacerXL"></div>
                <div class="col">
                    <label>Duration (mm:ss)</label>
                    <input id="eventEditor_Duration" type="text" class="widthS" value="" disabled="disabled" onchange="setPageModified(true);"/>
                </div>	
                <div class="spacerXL"></div>	
                <div class="col">
                    <label>Air Date (mm/dd/yy)</label>
                    <input id="eventEditor_AirDateFrom" type="text" class="date" value="" onchange="setPageModified(true);"  onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />

                    <span style="padding-top:2px;">&nbsp;to&nbsp;</span>

                    <input id="eventEditor_AirDateTo" type="text" class="date" value="" onchange="setPageModified(true);"  onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />
                </div>
                <div class="spacerXL"></div>	
                <div  class="col">
                    <label>Color</label>
                    <div id="eventEditor_Color" class="colorSelectBox" style="background-color:#3399ff;"  onclick="showColorSelector(this); setPageModified(true);" ></div>
                </div>
            </div>  
        	<div class="row">
                <div class="col">
                    <label>Cue String Start</label>
                    <input id="eventEditor_CueStringStart" class="widthL" type="text" value=""  onchange="setPageModified(true);" onfocus="cs_blur();"/>
                </div>
                <div class="spacerXL"></div>
                <div class="col">
                    <label>Cue String End</label>
                    <input id="eventEditor_CueStringEnd" class="widthL" type="text" value=""  onchange="setPageModified(true);" />
                </div>
            </div>  
            <div id="eventEditorMetaData"></div> 
        </div>   
	</div>
	<div class="innerBlock">
		<h3>
			<span>Editor</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
		<div class="innerContent" id="eventDDEditorContainer">
            
	    </div>
	</div>
	<div class="innerBlock">
		<h3>
			<span>Cue Editor</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
		<div id="eventEditorCueAlerts" class="errorMsg"></div>
        <div class="innerContent" id="eventEditorCues">
        </div>		
	</div>
	<div id="eventEditorDayPart" class="innerBlock collapsed">
	    <h3>
	        <span>Day Part Restrictions</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
	        <div class="row">
	        <div class="col">
    	        <label>Play this event only during the following times:</label>
    	    </div>
    	    <div class="spacerXL"></div>
    	    <div class="col">
    	        <div class="row">
    	            <a href="#" onclick="checkDayPart('all');">Check All</a>&nbsp;&#47;&nbsp;<a href="#" onclick="checkDayPart('none');">Check None</a>
    	        </div>
     	        <div class="row"><input id="eventDPR1" type="checkbox" checked="checked" onchange="setPageModified(true);"/>&nbsp;12:00 AM - 12:59 AM</div>
     	        <div class="row"><input id="eventDPR2" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;01:00 AM - 01:59 AM</div>
     	        <div class="row"><input id="eventDPR3" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;02:00 AM - 02:59 AM</div>
     	        <div class="row"><input id="eventDPR4" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;03:00 AM - 03:59 AM</div>
     	        <div class="row"><input id="eventDPR5" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;04:00 AM - 04:59 AM</div>
     	        <div class="row"><input id="eventDPR6" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;05:00 AM - 05:59 AM</div>
     	        <div class="row"><input id="eventDPR7" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;06:00 AM - 06:59 AM</div>
     	        <div class="row"><input id="eventDPR8" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;07:00 AM - 07:59 AM</div>
     	        <div class="row"><input id="eventDPR9" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;08:00 AM - 08:59 AM</div>
     	        <div class="row"><input id="eventDPR10" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;09:00 AM - 09:59 AM</div>
     	        <div class="row"><input id="eventDPR11" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;10:00 AM - 10:59 AM</div>
     	        <div class="row"><input id="eventDPR12" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;11:00 AM - 11:59 AM</div>
     	        <div class="row"><input id="eventDPR13" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;12:00 PM - 12:59 PM</div>
     	        <div class="row"><input id="eventDPR14" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;01:00 PM - 01:59 PM</div>
     	        <div class="row"><input id="eventDPR15" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;02:00 PM - 02:59 PM</div>
     	        <div class="row"><input id="eventDPR16" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;03:00 PM - 03:59 PM</div>
     	        <div class="row"><input id="eventDPR17" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;04:00 PM - 04:59 PM</div>
     	        <div class="row"><input id="eventDPR18" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;05:00 PM - 05:59 PM</div>
     	        <div class="row"><input id="eventDPR19" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;06:00 PM - 06:59 PM</div>
     	        <div class="row"><input id="eventDPR20" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;07:00 PM - 07:59 PM</div>
     	        <div class="row"><input id="eventDPR21" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;08:00 PM - 08:59 PM</div>
     	        <div class="row"><input id="eventDPR22" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;09:00 PM - 09:59 PM</div>
     	        <div class="row"><input id="eventDPR23" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;10:00 PM - 10:59 PM</div>
     	        <div class="row"><input id="eventDPR24" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;11:00 PM - 11:59 PM</div>
     	    </div> 	   
     	    </div>     
	    </div>
    </div>
	<div class="innerBlock collapsed">
		<h3>
			<span>Log</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
        <div class="innerContent">
            <div id="eventEditor_Log" class="TextArea_Log"></div>
        </div>
	</div>
</div>
<!-- right block end -->
</div>
<!-- main content end -->
</div>
<!-- event editor end -->

<!-- combo editor start -->
<div id="comboEditor" style="display:none">
<!-- page title start -->
<h1>
    <span>
        <asp:Label ID="Lbl_ComboHeader" runat="server" Text="Label"></asp:Label>
    </span>
    <input id="comboEditorCreateNew" type="button" value="Create New Combo" onclick="createNew();" style="display:none;"/>
    <input id="comboEditorReturn" type="button" value="" />
</h1>
<!-- page title end -->
<!-- main content start -->
<div class="mainHolder">
<!-- left block start -->
<div class="leftBlock">
	<h2>
		<span>Add Asset to Combo</span>
	</h2>
	<div class="innerBlock" style="overflow:visible">
		<h3>
			<span>Search Assets</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
		<div class="innerContent">
		    <div id="comboEditor_SearchFields"></div>
		    <div id="assetSearchButtons" class="row" style="display:none;">
                <input id="comboEditorSearch" type="button" value="Search" onclick="getSearchResults();" />
                <div class="spacerS"></div>
	            <input id="comboEditorReset" type="button" value="Reset" onclick="resetSearchFields('comboEditor_SearchFields');"/>
	        </div>
	    </div>
	</div>
	<div class="innerBlock">
		<h3>
			<span>Search Results</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
        <div class="innerContent">
        	<div id="comboEditor_SearchAlerts" class="row" style="display:none;"></div>
            <div class="row">
	            <div class="col">
		            <select id="comboEditorSort" onchange="sortResults(this, 'comboEditorResults');" disabled="disabled">
			            <option selected="selected" value="0">Sort By</option>
			            <option value="1">Name</option>
			            <option value="2">Newest</option>									
		            </select>
		        </div>
		        <div class="col" style="float:right;">
                    <input id="comboEditorAdd" type="button" value="Add >>" disabled="disabled" onclick="addAssetToCombo();" style="display:none;"/>
                </div>
	        </div>
	        <div class="row">
                <select id="comboEditorResults" multiple="multiple"  class="heightL width100" onchange="resultsIndexChanged(this);" onclick="$('comboEditorAdd').removeAttribute('disabled');" ondblclick="addAssetToCombo();">
                </select>
            </div>
        </div>
	</div>
	<p class="create"><a id="comboEditor_NewAsset" href="#" style="display:none;" onclick="activeEditor.selectedCell = null; drillDown(4);">Create New Asset</a></p>
</div>
<!-- left block end -->
<!-- right block start -->
<div class="rightBlock">
	<h2>
		<span>Combo Editor</span>
    	<input id="comboEditor_Cancel" type="button" value="Cancel Changes" style="display:none;" />
		<input id="comboEditor_SaveCopy" type="button" value="Save Copy As" style="display:none;" onclick="showSaveCopyAs();" />
		<input id="comboEditor_Save" type="button" value="Save Combo" style="display:none;" onclick="saveEditorObject();" />
	</h2>
	<div id="comboEditor_Messages" class="errorMsg"></div>
	<div class="innerBlock">
	    <h3>
	        <span>Properties</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
            <div class="row">
                <div class="col">
                    <label>Combo Name</label>
                    <input id="comboEditor_Name" type="text" class="widthM" onchange="setPageModified(true);" />
                </div>
                <div class="spacerXL"></div>	
                <div class="col">
                    <label>ID</label>
                    <input id="comboEditor_Id" type="text" value="" disabled="disabled" style="width:30px;" />
                </div>
                <div class="spacerXL"></div>
                <div class="col">
                    <label>Duration (mm:ss)</label>
                    <input id="comboEditor_Duration" type="text" class="widthS" onchange="checkComboOptions(); setPageModified(true);" disabled="disabled" />
                </div>	
                <div class="spacerXL"></div>	
                <div class="col">
                    <label>Air Date (mm/dd/yy)</label>
                    <input id="comboEditor_AirDateFrom" type="text" class="date" value="" onchange="setPageModified(true);"  onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />

                    <span style="padding-top:2px;">&nbsp;to&nbsp;</span>

                    <input id="comboEditor_AirDateTo" type="text" class="date" value="" onchange="setPageModified(true);"  onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />
                </div>
                <div class="spacerXL"></div>	
                <div class="col">
                    <label>Color</label>
                    <div id="comboEditor_Color" class="colorSelectBox" style="background-color:#3399ff;"  onclick="showColorSelector(this); setPageModified(true);" ></div>
                </div>
            </div>  
            <div class="row">
                <div class="col widthM">
	                <label>Display Surface</label>
                    <select id="comboEditor_Channel" class="widthM" onchange="checkComboOptions(); updateVideoSources(); setPageModified(true);" onfocus="cs_blur();">
                        <option value="0" selected="selected">Select...</option>
                    </select>
	            </div>	
	            <div class="spacerXL"></div>	
                <div class="col widthM">
                    <label>Video Source</label>
                    <select id="comboEditor_VideoSource" class="widthM" disabled="disabled" onchange="setPageModified(true);" onfocus="cs_blur();">
                        <option value="0" selected="selected">Select...</option>
                    </select>
                </div>
	            <div class="spacerXL"></div>
	            <div class="col widthM">
	                <label>Default Combo</label>
                    <input id="comboEditor_DefaultCombo" type="checkbox" />&nbsp;
	            </div>	
	        </div>
        	<div class="row">
                <div class="col">
                    <label>Cue String Start</label>
                    <input id="comboEditor_CueStringStart" class="widthL" type="text" value="" onchange="setPageModified(true);" />
                </div>
                <div class="spacerXL"></div>
                <div class="col">
                    <label>Cue String End</label>
                    <input id="comboEditor_CueStringEnd" class="widthL" type="text" value="" onchange="setPageModified(true);" />
                </div>
            </div>  
            <div id="comboEditorMetaData"></div> 
        </div>     
	</div> 
	<div class="innerBlock">
        <h3>
            <span>Assets and Tag Associations</span><a href="#" class="switch">Open/Collapse</a>
        </h3>
        <div class="innerContent">
            <div id="comboEditor_NoAssets" class="row">
                Select a duration and display surface in order to assign assets to this combo.
            </div>
            <div id="comboEditor_Assets" style="display:none;" >
                <div style="width:880px; height:30px;">
                    <div id="comboEditorAssetIcon" class="assetContainer"></div>
                    <div class="spacerXL"></div>
                    <input id="comboEditorGetInfo" type="button" value="Get Info" onclick="showGetInfo();" style="margin-top:3px;"/>
                </div>
                <div class="innerContentBox">
                    <div class="row">
        	            <label>Default Asset - To be displayed when no rules are matched</label>
        	        </div>
        	        <div style="width:880px; height:30px;" >
    	                <div id="comboEditorDefaultAsset" class="assetContainer"></div>
    	            </div>
    	            <div class="row">
    	                <label>Data Tag Rules</label>
    	                <div id="dataTagAlerts" class="errorMsg"></div>
    	            </div>
    	            <div id="comboEditor_DataTagRulesContainer">
	            </div>
	        </div>
        </div> 
    </div>  
    </div>   
	<div class="innerBlock">
	    <h3>
	        <span>Template and Text Properties</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
        <div class="innerContent">
            <div id="comboEditor_NoTemplates" class="row">
                Select a duration and display surface in order to assign a text template to this combo.
            </div>
            <div id="comboEditor_Templates" style="display:none;">
                <div class="row">
                    <div class="col">
                        <label>Text Overlay Template</label>
                        <select id="comboEditorTemplateSelect" class="widthM" onchange="updateTextStringRows(); setPageModified(true);">
                            <option selected="selected">Select...</option>
                        </select>
                        <div class="spacerL"></div>
                        <input id="comboEditor_TemplatePreviewBtn" type="button" value="Preview" disabled="disabled" onclick="showTemplatePreview();" />
                    </div>
                </div>
                <div id="comboEditorTemplateDescription" class="row" style="display:none;">
                    <div class="col widthL">
                    <label>Template Description</label>
                    <textarea id="comboEditorTemplateDescTextArea" cols="20" rows="2" class="heightS widthXL"></textarea>
                    </div>
                </div>
                <div id="comboEditorTextStrings">
                </div>
            </div>
        </div>          
    </div>   
    <div id="comboEditorDayPart" class="innerBlock  collapsed">
	    <h3>
	        <span>Day Part Restrictions</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
	        <div class="row">
	        <div class="col">
    	        <label>Play this combo only during the following times:</label>
    	    </div>
    	    <div class="spacerXL"></div>
    	    <div class="col">
    	        <div class="row">
    	            <a href="#" onclick="checkDayPart('all');">Check All</a>&nbsp;&#47;&nbsp;<a href="#" onclick="checkDayPart('none');">Check None</a>
    	        </div>
     	        <div class="row"><input id="comboDPR1" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;12:00 AM - 12:59 AM</div>
     	        <div class="row"><input id="comboDPR2" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;01:00 AM - 01:59 AM</div>
     	        <div class="row"><input id="comboDPR3" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;02:00 AM - 02:59 AM</div>
     	        <div class="row"><input id="comboDPR4" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;03:00 AM - 03:59 AM</div>
     	        <div class="row"><input id="comboDPR5" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;04:00 AM - 04:59 AM</div>
     	        <div class="row"><input id="comboDPR6" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;05:00 AM - 05:59 AM</div>
     	        <div class="row"><input id="comboDPR7" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;06:00 AM - 06:59 AM</div>
     	        <div class="row"><input id="comboDPR8" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;07:00 AM - 07:59 AM</div>
     	        <div class="row"><input id="comboDPR9" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;08:00 AM - 08:59 AM</div>
     	        <div class="row"><input id="comboDPR10" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;09:00 AM - 09:59 AM</div>
     	        <div class="row"><input id="comboDPR11" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;10:00 AM - 10:59 AM</div>
     	        <div class="row"><input id="comboDPR12" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;11:00 AM - 11:59 AM</div>
     	        <div class="row"><input id="comboDPR13" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;12:00 PM - 12:59 PM</div>
     	        <div class="row"><input id="comboDPR14" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;01:00 PM - 01:59 PM</div>
     	        <div class="row"><input id="comboDPR15" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;02:00 PM - 02:59 PM</div>
     	        <div class="row"><input id="comboDPR16" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;03:00 PM - 03:59 PM</div>
     	        <div class="row"><input id="comboDPR17" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;04:00 PM - 04:59 PM</div>
     	        <div class="row"><input id="comboDPR18" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;05:00 PM - 05:59 PM</div>
     	        <div class="row"><input id="comboDPR19" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;06:00 PM - 06:59 PM</div>
     	        <div class="row"><input id="comboDPR20" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;07:00 PM - 07:59 PM</div>
     	        <div class="row"><input id="comboDPR21" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;08:00 PM - 08:59 PM</div>
     	        <div class="row"><input id="comboDPR22" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;09:00 PM - 09:59 PM</div>
     	        <div class="row"><input id="comboDPR23" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;10:00 PM - 10:59 PM</div>
     	        <div class="row"><input id="comboDPR24" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;11:00 PM - 11:59 PM</div>
     	    </div> 	   
     	    </div>     
	    </div>
    </div>
	<div class="innerBlock collapsed">
	    <h3>
	        <span>Log</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
            <div id="comboEditor_Log" class="TextArea_Log" ></div>
	    </div>
    </div> 
</div>
</div>
<!-- main content end -->
</div>

<!-- combo editor end -->

<!-- asset editor start -->
<div id="assetEditor" style="display:none">
<!-- page title start -->
<h1>
    <span><asp:Label ID="Lbl_AssetHeader" runat="server" Text="Label"></asp:Label></span>
    <input id="assetEditorCreateNew" type="button" value="Create New Asset" onclick="createNew();" style="display:none;"/>
    <input id="assetEditorReturn" type="button" value="" />
</h1>
<!-- page title end -->
<!-- main content start -->
<div class="mainHolder">
<!-- left block start -->
<div class="leftBlock">
	<h2>
		<span>Add File to Asset</span>
	</h2>
	<div class="innerBlock">
		<h3>
			<span>Search Files</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
		<div id="assetEditor_SearchFields" class="innerContent">
            <div class="row">
			    <div class="col">
				    <label>Name</label>
					<input type="text" id="assetEditor_Search_Filename"/>
                </div>
                <div class="col" style="float:right;">
				    <label>Ingestion Date</label>
                    <input id="assetEditor_Search_FileCreationDateFrom" type="text" class="date" style="width:37px;" onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);"  />
					<span>to</span>
					<input id="assetEditor_Search_FileCreationDateTo" type="text" class="date" style="width:37px;" onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />

                </div>
			</div>
		    <div id="mediaSearchButton" class="row">
                <input id="assetEditorSearch" type="button" value="Search" onclick="getSearchResults();" onfocus="cs_blur();" />
                <div class="spacerS"></div>
	            <input id="assetEditorReset" type="button" value="Reset" onclick="resetMediaSearch();" onfocus="cs_blur();" />
	        </div>
	    </div>
	</div>
	<div class="innerBlock">
		<h3>
			<span>Search Results</span>
			<a href="#" class="switch">Open/Collapse</a>
		</h3>
        <div class="innerContent">
            <div id="assetEditor_SearchAlerts" class="row" style="display:none;"></div>
            <div class="row">
	            <div class="col">
		            <select id="assetEditorSort" onchange="sortResults(this, 'assetEditorResults');" disabled="disabled">
			            <option selected="selected" value="0">Sort By</option>
			            <option value="1">Name</option>
			            <option value="2">Newest</option>									
		            </select>
		        </div>
		        <div class="col" style="float:right;">
<%--                    <input id="assetEditorAdd" type="button" value="Add >>" disabled="disabled" onclick="activeEditor.addFromIcon();"/>
--%>                </div>
	        </div>
	        <div class="row">
                <select id="assetEditorResults" multiple="multiple"  class="heightL width100" onchange="resultsIndexChanged(this);" >
                </select>
            </div>
            <div class="row">
                <label>File Info</label>
                <div id="assetEditor_MediaInfo" class="infoPanel heightM"></div>
            </div>
        </div>
	</div>
	<p class="create"><a href="ftp://guest:admin@192.168.10.41">Upload File Via FTP</a></p>
</div>
<!-- left block end -->
<!-- right block start -->
<div class="rightBlock">
	<h2>
		<span>Asset Editor</span>
    	<input id="assetEditor_Cancel" type="button" style="display:none;" value="Cancel Changes" />
		<input id="assetEditor_SaveCopy" type="button" value="Save Copy As" style="display:none;" onclick="showSaveCopyAs();"/>
		<input id="assetEditor_Save" type="button" value="Save Asset" style="display:none;" onclick="saveEditorObject();" />
	</h2>
	<div id="assetEditor_Messages" class="errorMsg"></div>
	<div class="innerBlock">
	    <h3>
	        <span>Properties</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
	        <div class="row">
	            <div class="col">
	                <label>Asset Name</label>
                    <input id="assetEditor_Name" type="text" class="widthM" onchange="setPageModified(true);" />
	            </div>
	            <div class="spacerXL"></div>	
                <div class="col">
                    <label>ID</label>
                    <input id="assetEditor_Id" type="text" value="" disabled="disabled" style="width:30px;" />
                </div>
	            <div class="spacerXL"></div>
	            <div class="col">
	                <label>Duration (mm:ss)</label>
                    <input id="assetEditor_Duration" type="text" class="widthS"  disabled="disabled" onchange="checkAssetDuration(); setPageModified(true);" />
	            </div>	
	            <div class="spacerXL"></div>
	            <div class="col">
                    <label>Air Date (mm/dd/yy)</label>
                    <input id="assetEditor_AirDateFrom" type="text" class="date" value="" onchange="setPageModified(true);" onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />

                    <span style="padding-top:2px;">&nbsp;to&nbsp;</span>

                    <input id="assetEditor_AirDateTo" type="text" class="date" onchange="setPageModified(true);" onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />
                </div>
                <div class="spacerXL"></div>	
                <div class="col">
                    <label>Color</label>
                    <div id="assetEditor_Color" class="colorSelectBox" style="background-color:#3399ff;"  onclick="showColorSelector(this); setPageModified(true);" ></div>
                </div>
            </div>
            <div class="row">
                <div class="col widthM">
	                <label>Display Surface</label>
                    <select id="assetEditor_Channel" class="widthM" onchange="updateVideoSources(); updateAssetFiles(); setPageModified(true);" onfocus="cs_blur();" >
                        <option value="0" selected="selected">Select...</option>
                    </select>
	            </div>
	            <div class="spacerXL"></div>	
                <div class="col widthM">
                    <label>Video Source</label>
                    <select id="assetEditor_VideoSource" class="widthM" disabled="disabled" onchange="setPageModified(true);" onfocus="cs_blur();">
                        <option value="0" selected="selected">Select...</option>
                    </select>
                </div>
	        </div>
	        <div class="row">
                <div class="col">
                    <label>Cue String Start</label>
                    <input id="assetEditor_CueStringStart" class="widthL" type="text" value="" onchange="setPageModified(true);" />
                </div>
                <div class="spacerXL"></div>
                <div class="col">
                    <label>Cue String End</label>
                    <input id="assetEditor_CueStringEnd" class="widthL" type="text" value="" onchange="setPageModified(true);" />
                </div>
            </div>  
            <div id="assetEditorMetaData"></div>             
	    </div>    
	</div> 
	<div id="assetEditor_TaskContainer" class="innerBlock" style="display:none;">
	    <h3>
	        <span>Tasks Associated with this Asset</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
	    <div class="row">
	    <span id="assetEditor_TaskMessages" class="inlineMessage" />
	    </div>
	    <div class="row">
	        <div class="col widthM">
	            <div class="row">
<%--                <span>Tasks</span>
--%>                <select id="assetEditor_TaskSort" onchange="sortTasks();">
		                <option selected="selected" value="0">Sort Tasks By</option>
		                <option value="1">Earliest Due Date</option>
		                <option value="2">Username</option>		
		                <option value="3">Task Type</option>				
	            </select>
                </div>
                <div class="row">
                <select id="assetEditor_Tasks" multiple="multiple" class="heightM widthM" onchange="loadTask();">
                </select>
                </div>
            </div>
            <div class="spacerXL"></div>
            <div class="col">
                <div class="row">
                    <div class="col widthM">
                        <label>Due Date</label>	   
                        <input id="assetEditor_TaskDueDate" type="text" class="date" onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />

                    </div>
                    <div class="spacerXL"></div>
                    <div class="col widthM">
                        <label>Completed</label>	
                        <input id="assetEditor_TaskCompletedDate" type="text" class="date" onfocus="this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />   

                    </div>
                </div>
                <div class="row">                  
	                <div class="col">
	                    <label>Assign To</label>
                        <select id="assetEditor_TaskAssignTo" class="widthM" onfocus="cs_blur();" >
                            <option selected="selected">Select...</option>
                        </select>
	                </div>	
	                <div class="spacerXL"></div>
	                <div class="col">
	                    <label>Task Type</label>
                        <select id="assetEditor_TaskType" class="widthM">
                            <option selected="selected">Select...</option>
                        </select>
	                </div>	
	            </div>
	            <div class="row">
                    <label>Description</label>	                                                              
                    <textarea id="assetEditor_TaskDescription" cols="0" rows="" class="heightS widthLsub"></textarea>
                </div>
                <div class="row">
                    <input id="assetEditor_AddTask" type="button" value="Add New Task" style="display:none;" onclick="addTask(); setPageModified(true);" />
                    <div class="spacerM"></div>
                    <input id="assetEditor_UpdateTask" type="button" value="Update Existing Task" style="display:none;" onclick="updateTask(); setPageModified(true);" disabled="disabled" />
                    <div class="spacerM"></div>
                    <input id="assetEditor_DeleteTask" type="button" value="Delete Task" style="display:none;" onclick="deleteTask(); setPageModified(true);" disabled="disabled" />
                    <div class="spacerM"></div>
                    <input id="assetEditor_ResetFields" type="button" value="Reset Fields" style="display:none;" onclick="resetTaskFields();" />
                </div>
            </div>
	    </div>
	    </div>
    </div>     
	<div id="assetEditorFiles" class="innerBlock">
	    <h3>
	        <span>Files in this Asset</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
        <div class="innerContent">
            <div id="assetEditor_NoFiles" class="row">
                Select a display surface in order to assign files to this asset.
            </div>
            <div id="assetEditor_FilesRow" class="row" style="display:none;">
                <div id="assetEditor_FileCol1" class="col">
                    <div class="row">
                        <div class="col">
                            <div id="assetEditor_File1" class="file">No File</div>
                            <div id="assetEditor_Thumb1" style="display:none; border:solid 1px #8FA7C3"></div>
<%--                            <label style="margin:3px 0 0 2px;">File 1</label>
--%>                        </div>
                        <div class="spacerL"></div>
                        <div class="col">
                            <label id="assetEditor_FileId1" style="display:none;"></label>
                            <label id="assetEditor_VidPath1" style="display:none;"></label>
                            <label id="assetEditor_Height1" style="display:none;"></label>
                            <label id="assetEditor_Width1" style="display:none;"></label>
                            <label id="assetEditor_FileSrc1"></label>
                            <label id="assetEditor_FileIngested1"></label>
                            <label id="assetEditor_FileDuration1"></label>
                            <label id="assetEditor_FilesPresent1"></label>
                            <label id="assetEditor_FilesPresentBak1"></label>
                            <label id="assetEditor_FullyPresent1"></label>
                            <label id="assetEditor_FullyPresentBak1"></label>
                        </div>
                    </div>
                    <div class="row">
                        <input id="assetEditor_AddBtn1" type="button" value="Add Selected File" style="width:150px;" onclick="addFileWrapper(1); setPageModified(true);" />
                    </div>
                    <div class="row">
                        <input id="assetEditor_PreviewBtn1" type="button" value="Preview File" style="width:150px; display:none;" onclick="showFilePreview(1);"/>
                    </div>
                    <div class="row">
                        <input id="assetEditor_RemoveBtn1" type="button" value="Remove from Asset" style="width:150px; display:none;" onclick="removeFileFromAsset(1); setPageModified(true);" />
                    </div>
                </div>
                <div class="spacerL"></div>
                <div id="assetEditor_FileCol2" class="col">
                    <div class="row">
                        <div class="col">
                            <div id="assetEditor_File2" class="file">No File</div>
                            <div id="assetEditor_Thumb2" style="display:none; border:solid 1px #8FA7C3"></div>
<%--                            <label style="margin:3px 0 0 2px;">File 2</label>
--%>                        </div>
                        <div class="spacerL"></div>
                        <div class="col">
                            <label id="assetEditor_FileId2" style="display:none;"></label>
                            <label id="assetEditor_VidPath2" style="display:none;"></label>
                            <label id="assetEditor_Height2" style="display:none;"></label>
                            <label id="assetEditor_Width2" style="display:none;"></label>
                            <label id="assetEditor_FileSrc2"></label>
                            <label id="assetEditor_FileIngested2"></label>
                            <label id="assetEditor_FileDuration2"></label>
                            <label id="assetEditor_FilesPresent2"></label>
                            <label id="assetEditor_FilesPresentBak2"></label>
                            <label id="assetEditor_FullyPresent2"></label>
                            <label id="assetEditor_FullyPresentBak2"></label>
                        </div>
                    </div>
                    <div class="row">
                        <input id="assetEditor_AddBtn2" type="button" value="Add Selected File" style="width:150px;" onclick="addFileWrapper(2);" />
                    </div>
                    <div class="row">
                        <input id="assetEditor_PreviewBtn2" type="button" value="Preview File" style="width:150px; display:none;" onclick="showFilePreview(2);" />
                    </div>
                    <div class="row">
                        <input id="assetEditor_RemoveBtn2" type="button" value="Remove from Asset" style="width:150px; display:none;" onclick="removeFileFromAsset(2);" />
                    </div>
                </div>            
            </div> 
        </div>          
    </div>   
	<div id="assetEditorDayPart" class="innerBlock collapsed">
	    <h3>
	        <span>Day Part Restrictions</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
	        <div class="row">
	        <div class="col">
    	        <label>Play this asset only during the following times:</label>
    	    </div>
    	    <div class="spacerXL"></div>
    	    <div class="col">
    	        <div class="row">
    	            <a href="#" onclick="checkDayPart('all');">Check All</a>&nbsp;&#47;&nbsp;<a href="#" onclick="checkDayPart('none');">Check None</a>
    	        </div>
     	        <div class="row"><input id="assetDPR1" type="checkbox" checked="checked" onchange="setPageModified(true);" />&nbsp;12:00 AM - 12:59 AM</div>
     	        <div class="row"><input id="assetDPR2" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;01:00 AM - 01:59 AM</div>
     	        <div class="row"><input id="assetDPR3" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;02:00 AM - 02:59 AM</div>
     	        <div class="row"><input id="assetDPR4" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;03:00 AM - 03:59 AM</div>
     	        <div class="row"><input id="assetDPR5" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;04:00 AM - 04:59 AM</div>
     	        <div class="row"><input id="assetDPR6" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;05:00 AM - 05:59 AM</div>
     	        <div class="row"><input id="assetDPR7" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;06:00 AM - 06:59 AM</div>
     	        <div class="row"><input id="assetDPR8" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;07:00 AM - 07:59 AM</div>
     	        <div class="row"><input id="assetDPR9" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;08:00 AM - 08:59 AM</div>
     	        <div class="row"><input id="assetDPR10" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;09:00 AM - 09:59 AM</div>
     	        <div class="row"><input id="assetDPR11" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;10:00 AM - 10:59 AM</div>
     	        <div class="row"><input id="assetDPR12" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;11:00 AM - 11:59 AM</div>
     	        <div class="row"><input id="assetDPR13" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;12:00 PM - 12:59 PM</div>
     	        <div class="row"><input id="assetDPR14" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;01:00 PM - 01:59 PM</div>
     	        <div class="row"><input id="assetDPR15" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;02:00 PM - 02:59 PM</div>
     	        <div class="row"><input id="assetDPR16" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;03:00 PM - 03:59 PM</div>
     	        <div class="row"><input id="assetDPR17" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;04:00 PM - 04:59 PM</div>
     	        <div class="row"><input id="assetDPR18" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;05:00 PM - 05:59 PM</div>
     	        <div class="row"><input id="assetDPR19" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;06:00 PM - 06:59 PM</div>
     	        <div class="row"><input id="assetDPR20" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;07:00 PM - 07:59 PM</div>
     	        <div class="row"><input id="assetDPR21" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;08:00 PM - 08:59 PM</div>
     	        <div class="row"><input id="assetDPR22" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;09:00 PM - 09:59 PM</div>
     	        <div class="row"><input id="assetDPR23" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;10:00 PM - 10:59 PM</div>
     	        <div class="row"><input id="assetDPR24" type="checkbox" checked="checked" onchange="setPageModified(true);"  />&nbsp;11:00 PM - 11:59 PM</div>
     	    </div> 	   
     	    </div>     
	    </div>
    </div>
	<div class="innerBlock collapsed">
	    <h3>
	        <span>Log</span>
	        <a href="#" class="switch">Open/Collapse</a>
	    </h3>
	    <div class="innerContent">
            <div id="assetEditor_Log" class="TextArea_Log" ></div>
	    </div>
    </div> 
</div>
</div>
<!-- main content end -->
</div>
<!-- asset editor end -->

<!-- incomplete popup begins -->
<asp:Panel ID="Panel_Incomplete" runat="server" Width="223" CssClass="popupPanel">
<div id="incomplete" class="incompletePopup">
    <strong>
        <span>Function To Be Implemented</span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
        This function is not yet implemented.
    </div>
</div>
</asp:Panel>
    <cc2:DragOverlayExtender ID="DragOverlayExtender1" TargetControlID="Panel_Incomplete" runat="server" Enabled="true" />
    <cc1:DropShadowExtender ID="DropShadowExtender2" runat="server"
    TargetControlID="Panel_Incomplete" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- incomplete popup ends -->

<!-- draggable info panel -->  
<asp:Panel ID="Panel_GetInfo" runat="server" Width="223" CssClass="popupPanel" >
<div id="getInfoPanel" >
    <strong>
        <span>Info</span>
        <img alt="Close" src="Images/close.gif" style="float:right; margin:0 5px 0 0; border:none; display:inline; cursor:pointer;" onclick="resetGetInfo();" />
        <!--<a href="#" onclick="resetGetInfo();">Close</a>-->
    </strong>
    <div id="getInfo_NothingSelected" style="display:block; float:left; padding:5px;">Nothing selected...</div>
    <div id="getInfo_MultipleSelected" style="display:none; float:left; padding:5px;">Multiple items selected...</div>
    <dl id="infoInner" class="inner">
    </dl>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender2" runat="server" TargetControlID="Panel_GetInfo" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender1" runat="server" 
    TargetControlID="Panel_GetInfo" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- end draggable info panel -->     

<!-- package alerts panel -->  
<asp:Panel ID="Panel_PackageAlerts" runat="server" Width="400" CssClass="popupPanel" >
<div id="packageAlertPopup">
    <strong>
        <span>Package Alerts</span>
        <!--<img alt="Close" src="Images/close.gif" style="float:right; margin:0 5px 0 0; border:none; display:inline; cursor:pointer;" onclick="resetGetInfo();" />-->
        <a href="#" class="close" >Close</a>
    </strong>
    <!--<div id="Div2" style="display:block; float:left; padding:5px;">Nothing selected...</div>-->
    <dl id="packageAlertInner" class="inner">
    </dl>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_PackageAlerts" runat="server" TargetControlID="Panel_PackageAlerts" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_PackageAlerts" runat="server" 
    TargetControlID="Panel_PackageAlerts" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- end package alerts  panel -->

<!-- start/end date report panel -->  
<asp:Panel ID="Panel_StartEndDates" runat="server" CssClass="popupPanel" >
<div id="startEndDatePopup">
    <strong>
        <span id="startEndDate_span"></span>
        <a href="#" class="close" >Close</a>
    </strong>
    <dl id="startEndDate_Inner" class="inner" style="padding-left:10px;">
    </dl>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_StartEndDates" runat="server" TargetControlID="Panel_StartEndDates" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_StartEndDates" runat="server" 
    TargetControlID="Panel_StartEndDates" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- end package alerts  panel -->     

<!-- multi-select context-sensitive menu -->
<div id="multiSelectMenu" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="multiSelectMenuCopy"><a href="#" onclick="hideMenu(); activeEditor.copyToClip();">Copy</a></li>
        <li id="multiSelectMenuCut"><a href="#" onclick="hideMenu(); activeEditor.cutToClip();">Cut</a></li>
    </ul>
</div>
<!-- multi-select context-sensitive menu ends -->

<!-- schedule context-sensitive menu -->
<div id="scheduleMenu" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="scheduleMenuCopy"><a href="#" onclick="hideMenu(); activeEditor.copyToClip();">Copy</a></li>
        <li id="scheduleMenuCut"><a href="#" onclick="hideMenu(); activeEditor.cutToClip();">Cut</a></li>
        <li id="scheduleMenuPaste" class="wSep"><a onclick="hideMenu(); activeEditor.checkPasteFromClip();">Paste</a></li>
        <!--<li id="scheduleMenuCopyFrom" class="wSep"><a href="#" onclick="hideMenu(); showIncomplete();">Copy From...</a></li>
        <li id="scheduleMenuDuplicateAcross"><a href="#" onclick="hideMenu(); showIncomplete();">Duplicate Across...</a></li>-->
        <li id="scheduleMenuClear"><a href="#" onclick="hideMenu(); activeEditor.checkClearList();">Clear Contents</a></li>        
    </ul>
</div>
<!-- schedule context-sensitive menu ends -->

<!-- package context-sensitive menu -->
<div id="packageListMenu" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="packageListMenuCopy" style="display:none;"><a href="#" onclick="hideMenu(); activeEditor.copyToClip();">Copy</a></li>
        <li id="packageListMenuCut" style="display:none;"><a href="#" onclick="hideMenu(); activeEditor.cutToClip();">Cut</a></li>
        <li id="packageListMenuPaste" class="wSep" style="display:none;"><a href="#" onclick="hideMenu(); activeEditor.checkPasteFromClip();">Paste</a></li>
        <li id="packageListMenuClear"><a href="#" onclick="hideMenu(); activeEditor.checkClearList();">Clear Contents</a></li>        
    </ul>
</div>
<!-- package context-sensitive menu ends -->

<!-- package context-sensitive menu -->
<div id="packageMenu" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="packageMenuEdit" class="wSep"><a href="#" onclick="hideMenu(); drillDown(1);">Edit</a></li>
        <li id="packageMenuCopy"><a href="#" onclick="hideMenu(); activeEditor.copyToClip();">Copy</a></li>
        <li id="packageMenuCut"><a href="#" onclick="hideMenu(); activeEditor.cutToClip();">Cut</a></li>
        <li id="packageMenuPaste" class="wSep"><a href="#" onclick=" hideMenu(); activeEditor.checkPasteFromClip();">Paste</a></li>
        <li id="packageMenuAdd"><a href="#" onclick="hideMenu(); activeEditor.addFromIcon();">Add</a></li>        
        <li id="packageMenuRemove" class="wSep"><a href="#" onclick="hideMenu(); activeEditor.remove();">Remove</a></li>
        <li id="packageMenuHotKeys" class="wSep"><a href="#" onclick="hideMenu();" onmouseover="activeEditor.showHKMenu();" onmouseout="activeEditor.hideHKMenu();">Assign Hot Key</a></li>
        <li id="packageMenuLoop"><a href="#" onclick="hideMenu(); showLoop();">Loop&hellip;</a></li>
        <!--<li id="packageMenuDuplicateAcross" class="wSep"><a href="#" onclick="showIncomplete();">Duplicate Across&hellip;</a></li>-->
        <li id="packageMenuChangeColor" ><a href="#" onclick="hideMenu(); showColorSelector(activeEditor.selectedCell.firstDescendant());">Change Color&hellip;</a></li>
        <li id="packageMenuViewAlerts" style="display:none;" ><a href="#" onclick="requestPackageAlerts();">View Alerts&hellip;</a></li>
    </ul>
</div>
<!-- package context-sensitive menu ends -->

<!-- event context-sensitive menu -->
<div id="eventMenu" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="eventMenuEdit" class="wSep"><a href="#" onclick="hideMenu(); drillDown(2);">Edit</a></li>
        <li id="eventMenuCopy"><a href="#" onclick="hideMenu(); activeEditor.copyToClip();">Copy</a></li>
        <li id="eventMenuCut"><a href="#" onclick="hideMenu(); activeEditor.cutToClip();">Cut</a></li>
        <li id="eventMenuPaste" class="wSep"><a href="#" onclick=" hideMenu(); activeEditor.checkPasteFromClip();">Paste</a></li>
        <li id="eventMenuAdd"><a href="#" onclick="hideMenu(); activeEditor.addFromIcon();">Add</a></li>        
        <li id="eventMenuRemove" class="wSep"><a href="#" onclick="hideMenu(); activeEditor.remove();">Remove</a></li>
        <li id="eventMenuHotKeys" class="wSep"><a href="#" onclick="hideMenu();" onmouseover="activeEditor.showHKMenu();" onmouseout="activeEditor.hideHKMenu();">Assign Hot Key</a></li>
        <li id="eventMenuLoop"><a href="#" onclick="hideMenu(); showLoop();">Loop&hellip;</a></li>
    </ul>
</div>
<!-- event context-sensitive menu ends -->
   
<!-- combo context-sensitive menu -->
<div id="comboMenu" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="comboMenuEdit" class="wSep"><a href="#" onclick="hideMenu(); drillDown(3);">Edit</a></li>
        <li id="comboMenuCopy"><a href="#" onclick="hideMenu(); activeEditor.copyToClip();">Copy</a></li>
        <li id="comboMenuCut"><a href="#" onclick="hideMenu(); activeEditor.cutToClip();">Cut</a></li>
        <li id="comboMenuPaste" class="wSep"><a href="#" onclick=" hideMenu(); activeEditor.checkPasteFromClip();">Paste</a></li>
        <li id="comboMenuAdd"><a href="#" onclick="hideMenu(); activeEditor.addFromIcon();">Add</a></li>        
        <li id="comboMenuRemove" class="wSep"><a href="#" onclick="hideMenu(); activeEditor.remove();">Remove</a></li>
        <li id="comboMenuHotKeys" class="wSep"><a href="#" onclick="hideMenu();" onmouseover="activeEditor.showHKMenu();" onmouseout="activeEditor.hideHKMenu();">Assign Hot Key</a></li>
        <li id="comboMenuLoop"><a href="#" onclick="hideMenu(); showLoop();">Loop&hellip;</a></li>
    </ul>
</div>
<!-- combo context-sensitive menu ends -->   

<!-- asset context-sensitive menu -->
<div id="assetMenu" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="assetMenuEdit" class="wSep"><a href="#" onclick="hideMenu(); drillDown(4);">Edit</a></li>
        <li id="assetMenuCopy"><a href="#" onclick="hideMenu(); activeEditor.copyToClip();">Copy</a></li>
        <li id="assetMenuCut"><a href="#" onclick="hideMenu(); activeEditor.cutToClip();">Cut</a></li>
        <li id="assetMenuPaste" class="wSep"><a href="#" onclick=" hideMenu(); activeEditor.checkPasteFromClip();">Paste</a></li>
        <li id="assetMenuAdd"><a href="#" onclick="hideMenu(); activeEditor.addFromIcon();">Add</a></li>        
        <li id="assetMenuRemove" class="wSep"><a href="#" onclick="hideMenu(); activeEditor.remove();">Remove</a></li>
        <li id="assetMenuHotKeys" class="wSep"><a href="#" onclick="hideMenu();" onmouseover="activeEditor.showHKMenu();" onmouseout="activeEditor.hideHKMenu();">Assign Hot Key</a></li>
        <li id="assetMenuLoop"><a href="#" onclick="hideMenu(); showLoop();">Loop&hellip;</a></li>
    </ul>
</div>
<!-- asset context-sensitive menu ends -->   

<!-- short asset context-sensitive menu for combo screen -->
<div id="assetMenuShort" ondblclick="if (this.style.display = 'block') {this.style.display = 'none';}"  style="background-color:Black;">
    <ul class="drop">
        <li id="assetMenuShortEdit" class="wSep"><a href="#" onclick="hideMenu(); drillDown(4);">Edit</a></li>     
        <li id="assetMenuShortRemove"><a href="#" onclick="hideMenu(); removeAssetFromCombo();">Remove</a></li>
    </ul>
</div>
<!-- short asset context-sensitive menu ends -->   

<!-- hot key sub menu -->
<div id="hotKeyMenu" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';" style="background-color:Black;">
    <ul class="drop">
        <li id="hotKeyMenu_1"><a href="#" onclick="hideMenu(); activeEditor.assignHotKey(1);">Slot 1</a></li>
        <li id="hotKeyMenu_2"><a href="#" onclick="hideMenu(); activeEditor.assignHotKey(2);">Slot 2</a></li>
        <li id="hotKeyMenu_3"><a href="#" onclick="hideMenu(); activeEditor.assignHotKey(3);">Slot 3</a></li>
        <li id="hotKeyMenu_4"><a href="#" onclick="hideMenu(); activeEditor.assignHotKey(4);">Slot 4</a></li>
        <li id="hotKeyMenu_5"><a href="#" onclick="hideMenu(); activeEditor.assignHotKey(5);">Slot 5</a></li>        
    </ul>
</div>
<!-- hot key sub menu ends -->   

<!-- unsaved changes popup begins -->
<asp:Panel ID="Panel_UnsavedChanges" runat="server" CssClass="popupPanel">
<div id="unsavedChangesAlert" class="unsavedChanges">
    <strong>
        <span>Unsaved Changes</span>
        <%--<a href="#" class="close">Close</a>--%>
    </strong>
    <div class="inner">
	    <label>
		    You have unsaved changes. Continue?  
	    </label>
	    <br />
	    <input type="button" value="Save Changes" onclick="saveContinue(true);"/>
	    <div class="spacerM"></div>
	    <input type="button" value="Don't Save Changes" onclick="saveContinue(false);" />
	    <div class="spacerM"></div>
	    <input type="button" value="Cancel" onclick="$('unsavedChangesAlert').style.display = 'none';" />
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender3" TargetControlID="Panel_UnsavedChanges" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender3" runat="server"
    TargetControlID="Panel_UnsavedChanges" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- unsaved changes popup ends -->

<!-- unsaved changes (for leaving editor) popup begins -->
<asp:Panel ID="Panel_UnsavedChangesTopNav" runat="server" CssClass="popupPanel">
<div id="unsavedChangesTopNavAlert" class="unsavedChanges">
    <strong>
        <span>Unsaved Changes</span>
        <%--<a href="#" class="close">Close</a>--%>
    </strong>
    <div class="inner">
	    <label>
		    You have unsaved changes on one of the open editor screens. Continue?  
	    </label>
	    <br />
	    <input type="button" value="Save Changes" onclick="saveContinue(true);"/>
	    <div class="spacerM"></div>
	    <input type="button" value="Don't Save Changes" onclick="saveContinueTopNav();" />
	    <div class="spacerM"></div>
	    <input type="button" value="Cancel" onclick="$('unsavedChangesTopNavAlert').style.display = 'none';" />
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_UnsavedChangesTopNav" TargetControlID="Panel_UnsavedChangesTopNav" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_UnsavedChangesTopNav" runat="server"
    TargetControlID="Panel_UnsavedChangesTopNav" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- unsaved changes popup ends -->

<!-- hot key panel packages -->  
<asp:Panel ID="Panel_HK_Packages" runat="server" Width="180" CssClass="popupHKPanel" >
<div id="draggablehotkeys_packages" class="hotkeys">
    <strong>
        <span>Hot Keys - Packages</span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">1&nbsp;&nbsp;&nbsp;</span><div id="package_HK1" ondblclick="activeEditor.addFromHK(1);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">2&nbsp;&nbsp;&nbsp;</span><div id="package_HK2" ondblclick="activeEditor.addFromHK(2);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">3&nbsp;&nbsp;&nbsp;</span><div id="package_HK3" ondblclick="activeEditor.addFromHK(3);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">4&nbsp;&nbsp;&nbsp;</span><div id="package_HK4" ondblclick="activeEditor.addFromHK(4);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">5&nbsp;&nbsp;&nbsp;</span><div id="package_HK5" ondblclick="activeEditor.addFromHK(5);" class="hkBox">Empty</div>
        </div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_HK_Packages" runat="server" TargetControlID="Panel_HK_Packages" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_HK_Packages" runat="server" 
    TargetControlID="Panel_HK_Packages" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- end hot key panel packages -->

<!-- hot key panel events -->  
<asp:Panel ID="Panel_HK_Events" runat="server" Width="180" CssClass="popupHKPanel" >
<div id="draggablehotkeys_events" class="hotkeys">
    <strong>
        <span>Hot Keys - Events</span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">1&nbsp;&nbsp;&nbsp;</span><div id="event_HK1" ondblclick="activeEditor.addFromHK(1);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">2&nbsp;&nbsp;&nbsp;</span><div id="event_HK2" ondblclick="activeEditor.addFromHK(2);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">3&nbsp;&nbsp;&nbsp;</span><div id="event_HK3" ondblclick="activeEditor.addFromHK(3);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">4&nbsp;&nbsp;&nbsp;</span><div id="event_HK4" ondblclick="activeEditor.addFromHK(4);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">5&nbsp;&nbsp;&nbsp;</span><div id="event_HK5" ondblclick="activeEditor.addFromHK(5);" class="hkBox">Empty</div>
        </div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_HK_Events" runat="server" TargetControlID="Panel_HK_Events" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_HK_Events" runat="server" 
    TargetControlID="Panel_HK_Events" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- end hot key panel events -->

<!-- hot key panel combos -->  
<asp:Panel ID="Panel_HK_Combos" runat="server" Width="180" CssClass="popupHKPanel" >
<div id="draggablehotkeys_combos" class="hotkeys">
    <strong>
        <span>Hot Keys - Combos/Assets</span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">1&nbsp;&nbsp;&nbsp;</span><div id="combo_HK1" ondblclick="activeEditor.addFromHK(1);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">2&nbsp;&nbsp;&nbsp;</span><div id="combo_HK2" ondblclick="activeEditor.addFromHK(2);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">3&nbsp;&nbsp;&nbsp;</span><div id="combo_HK3" ondblclick="activeEditor.addFromHK(3);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">4&nbsp;&nbsp;&nbsp;</span><div id="combo_HK4" ondblclick="activeEditor.addFromHK(4);" class="hkBox">Empty</div>
        </div>
        <div class="row">
            <span style="float:left; font-weight:bold; padding-top:2px;">5&nbsp;&nbsp;&nbsp;</span><div id="combo_HK5" ondblclick="activeEditor.addFromHK(5);" class="hkBox">Empty</div>
        </div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_HK_Combos" runat="server" TargetControlID="Panel_HK_Combos" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_HK_Combos" runat="server" 
    TargetControlID="Panel_HK_Combos" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- end hot key panel combos -->

<!-- loop menu begins -->
<asp:Panel ID="Panel_Loop" runat="server" CssClass="popupPanel" >
<div id="loopPopup" class="loop">
	<div class="form">
		<strong>
			<span>Loop</span>
		</strong>
		<div class="inner">
		    <div class="row">
			    <div style="margin-left:10px;" class="col">
			        <input type="radio" id="loopOptionFill" onclick="$('loopOptionUntil').checked = false;" />&nbsp;Fill Available
			    </div>
		    </div>
		    <div class="row">
			    <div style="margin-left:10px; margin-top:3px;" class="col">
			        <input type="radio" id="loopOptionUntil" onclick="$('loopOptionFill').checked = false;"/>
		            &nbsp;Loop Until
		        </div>
	            <div class="spacerXL"></div>
	            <div class="col">
                    <select id="loopSelect" onchange="updateLoopOptions();">
                        <option>Select</option>
                    </select>
                </div>
		    </div>
		    <div class="row" style="margin:4px 0 0 10px;">
		        <div class="col">
			        <input type="button" name="submit" value="Loop" id="loopSubmit" onclick="hideLoop(); checkLoop();" />
			    </div>
			    <div class="spacerXL"></div>
			    <div class="col">
			        <input type="button" name="submit" value="Cancel" onclick="hideLoop();"/>
		        </div>
		    </div>
	    </div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_Loop" runat="server" TargetControlID="Panel_Loop" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_Loop" runat="server" 
    TargetControlID="Panel_Loop" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- loop menu ends -->

<!-- color selector popup begins -->
<asp:Panel ID="Panel_ColorSelect" runat="server" CssClass="popupPanel" >
<div id="colorSelector" class="color">
	<strong>
		<span>Change Color</span>
		<a href="#" class="close">Close</a>
	</strong>
    <div class="innerContent">
        <div class="row">
	        Change Color To:
	        <ul class="colorSelect">
		        <li class="top"><a href="#" onclick="assignColor(this);">ffffff</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">010101</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">eeece1</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">1e477d</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">95aecf</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">bf4f45</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">9dba63</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">ab99bf</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">4daac7</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">f69c55</a></li>
		        <li><a href="#" onclick="assignColor(this);">f2f2f2</a></li>
		        <li><a href="#" onclick="assignColor(this);">262626</a></li>
		        <li><a href="#" onclick="assignColor(this);">1d1b10</a></li>
		        <li><a href="#" onclick="assignColor(this);">739fdc</a></li>
		        <li><a href="#" onclick="assignColor(this);">eef1f6</a></li>
		        <li><a href="#" onclick="assignColor(this);">eccdcb</a></li>
		        <li><a href="#" onclick="assignColor(this);">ebf1de</a></li>
		        <li><a href="#" onclick="assignColor(this);">f1eef5</a></li>
		        <li><a href="#" onclick="assignColor(this);">d1ebf0</a></li>
		        <li><a href="#" onclick="assignColor(this);">fdefe4</a></li>
		        <li><a href="#" onclick="assignColor(this);">d9d9d9</a></li>
		        <li><a href="#" onclick="assignColor(this);">404040</a></li>
		        <li><a href="#" onclick="assignColor(this);">494429</a></li>
		        <li><a href="#" onclick="assignColor(this);">3476cd</a></li>
		        <li><a href="#" onclick="assignColor(this);">c8d5e7</a></li>
		        <li><a href="#" onclick="assignColor(this);">da9791</a></li>
		        <li><a href="#" onclick="assignColor(this);">c9d9a9</a></li>
		        <li><a href="#" onclick="assignColor(this);">d2c9de</a></li>
		        <li><a href="#" onclick="assignColor(this);">98d1df</a></li>
		        <li><a href="#" onclick="assignColor(this);">fbcca7</a></li>
		        <li><a href="#" onclick="assignColor(this);">bfbfbf</a></li>
		        <li><a href="#" onclick="assignColor(this);">595959</a></li>
		        <li><a href="#" onclick="assignColor(this);">938953</a></li>
		        <li><a href="#" onclick="assignColor(this);">285ea6</a></li>
		        <li><a href="#" onclick="assignColor(this);">aec2db</a></li>
		        <li><a href="#" onclick="assignColor(this);">cc726c</a></li>
		        <li><a href="#" onclick="assignColor(this);">b5cb86</a></li>
		        <li><a href="#" onclick="assignColor(this);">c0b0d0</a></li>
		        <li><a href="#" onclick="assignColor(this);">71bfd3</a></li>
		        <li><a href="#" onclick="assignColor(this);">f7b57e</a></li>
		        <li><a href="#" onclick="assignColor(this);">a6a6a6</a></li>
		        <li><a href="#" onclick="assignColor(this);">737373</a></li>
		        <li><a href="#" onclick="assignColor(this);">c4bd97</a></li>
		        <li><a href="#" onclick="assignColor(this);">163661</a></li>
		        <li><a href="#" onclick="assignColor(this);">7395be</a></li>
		        <li><a href="#" onclick="assignColor(this);">9e3d35</a></li>
		        <li><a href="#" onclick="assignColor(this);">84a446</a></li>
		        <li><a href="#" onclick="assignColor(this);">917bac</a></li>
		        <li><a href="#" onclick="assignColor(this);">378fa7</a></li>
		        <li><a href="#" onclick="assignColor(this);">f38225</a></li>
		        <li><a href="#" onclick="assignColor(this);">8c8c8c</a></li>
		        <li><a href="#" onclick="assignColor(this);">808080</a></li>
		        <li><a href="#" onclick="assignColor(this);">ddd9c3</a></li>
		        <li><a href="#" onclick="assignColor(this);">102542</a></li>
		        <li><a href="#" onclick="assignColor(this);">507bae</a></li>
		        <li><a href="#" onclick="assignColor(this);">772f29</a></li>
		        <li><a href="#" onclick="assignColor(this);">698038</a></li>
		        <li><a href="#" onclick="assignColor(this);">775e97</a></li>
		        <li><a href="#" onclick="assignColor(this);">297082</a></li>
		        <li><a href="#" onclick="assignColor(this);">d9690c</a></li>
	        </ul>
	        </div>
	        <div class="row">
                <label id="colorSelectHexAlert" style="font-weight:bold; color:Red; display:none;">Hex value must be 6 characters long including only numbers or the letters A-F (capitals or lower-case)</label>
            </div>
	        <div class="row">
	            <span style="padding:2px 3px 0 0;">Hex Value #</span>
	            <input type="text" id="selectedColorHex" style="width:100px;" onchange="selectedColorCheckHex();" />
	        </div>
	        <div class="row">
	            <input type="button" value="Change Color" style="width:100px;" onclick="changeColor('#'+$('selectedColorHex').value.trim());" />
	        </div>
        </div>
    </div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_ColorSelect" runat="server" TargetControlID="Panel_ColorSelect" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_ColorSelect" runat="server" 
    TargetControlID="Panel_ColorSelect" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- color selector popup ends -->

<!-- scheduled package save menu begins -->
<asp:Panel ID="Panel_SavePackageInstance" runat="server" Width="325" CssClass="popupPanel">
<div id="savePackageInstance" class="saveAs">
	<strong>
		<span>Save Package</span>
	</strong>
	<div class="inner">
	    <label id="savePackageAlert" style="font-weight:bold; color:Red;"></label>
	    <div class="row" style="padding-top:2px;">
		    <div class="col">
		        <input type="radio" id="savePackageRadio1" style="margin-top:-1px;" onclick="$('savePackageRadio2').checked = false;" />
		        <span>Only this instance</span></div>
	    </div>
	    <div class="row" style="padding-top:2px;">
		    <div class="col">
		        <input type="radio" id="savePackageRadio2" style="margin-top:-1px;" onclick="$('savePackageRadio1').checked = false;" />
	            <span>Instances in the range</span>
	        </div>
	        <div class="spacerM"></div>
	        <div class="col">
	        <input id="savePackageDateFrom" type="text" class="date" style="width:45px; margin-top:-2px;" onfocus="updateSavePackageOptions(); this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />
	        <%--</div>--%>
	        <%--<div class="col">&nbsp;to&nbsp;</div>--%>
	        <span>&nbsp;to&nbsp;</span>
		    <%--<div class="col">--%>
		    <input id="savePackageDateTo" type="text" class="date" style="width:45px; margin-top:-2px;" onfocus="updateSavePackageOptions(); this.select();lcs(this);" onclick="event.cancelBubble=true;this.select();lcs(this);" />
		    </div>
	    </div>
	    
	    <div class="row">
		    <label class="separator" style="margin-top:2px;">
			    New package name
		    </label>
		    <input type="text" id="savePackageName" onfocus="cs_blur();" />
		    <div class="spacerM"></div>
		    <input type="button" name="submit" value="Save" onclick="requestSavePackageInstance();"/>
		    <div class="spacerM"></div>
		    <input type="button" name="submit" value="Don't Save" onclick="hideSavePackageInstance();" />
		    
		</div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_SavePackageInstance" TargetControlID="Panel_SavePackageInstance" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_SavePackageInstance" runat="server"
    TargetControlID="Panel_SavePackageInstance" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- scheduled package save menu ends -->

<!-- copy week from popup begins -->
<asp:Panel ID="Panel_CopyWeek" runat="server" CssClass="popupPanel">
<div id="copyWeekFrom" class="copyWeek">
    <strong>
	    <span>Copy Week From...</span>
    </strong>
    <div class="inner">
        <label id="copyWeekAlert" style="font-weight:bold; color:Red; display:none;"></label>
        <label style="font-weight:bold;">Select a week to copy from</label>
        <div id="copyWeek_CalendarRow" class="row">
            <div style="border:solid 1px #000; width:234px;">
            <asp:UpdatePanel ID="UpdatePanel_CopyWeek" runat="server">
            <ContentTemplate>
                <asp:Calendar ID="Calendar_CopyWeek" runat="server" FirstDayOfWeek="Monday" SelectionMode="DayWeek" BorderStyle="None" OnSelectionChanged="Calendar_CopyWeek_SelectionChanged" OnVisibleMonthChanged="Calendar_CopyWeek_MonthChanged" ></asp:Calendar>
	            <asp:ListBox ID="ListBox_SelectedDates" runat="server" ></asp:ListBox>	            
	        </ContentTemplate>
	        </asp:UpdatePanel>
	        </div>
	    </div>
	    <div class="row">
	        <span>Note: This will overwrite any scheduled content for the week you are currently viewing.</span>
	    </div>
	    <div class="row">
	        <input type="button" name="submit" value="Copy Week" onclick="copyWeekFrom();" />
	        <div class="spacerM"></div>
	        <input type="button" name="submit" value="Don't Copy Week" onclick="hideCopyWeekFrom();" />
	    </div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_CopyWeek" TargetControlID="Panel_CopyWeek" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_CopyWeek" runat="server"
    TargetControlID="Panel_CopyWeek" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- copy week from popup ends -->

<!-- save copy as popup begins -->
<asp:Panel ID="Panel_SaveCopyAs" runat="server" Width="325" CssClass="popupPanel">
<div id="saveCopyAsPopup" class="saveAs">
    <strong>
	    <span>Save Copy As...</span>
    </strong>
    <div class="inner">
        <label id="saveCopyAlert" style="font-weight:bold; color:Red;"></label>
        <div class="row">
            <div class="col">
                <div class="row">
	                <label id="saveCopyNameLabel">
		                New Name
	                </label>
	            </div>
	            <div class="row" id="saveCopyDurationLabelRow" style="display:none;">
	                <label id="saveCopyDurationLabel">
		            New Duration
	                </label>
	            </div>
	        </div>
	        <div class="spacerXL"></div>
	        <div class="col">
	            <div class="row">
	                <input type="text" id="saveCopyName"/>
	            </div>
	            <div class="row" id="saveCopyDurationRow" style="display:none;">
	                <select id="saveCopyDuration"></select>
	            </div>
	        </div>
	    </div>
	    <div class="row">
	        <input type="button" name="submit" value="Save" onclick="saveCopyAs();" />
	        <div class="spacerM"></div>
	        <input type="button" name="submit" value="Don't Save" onclick="hideSaveCopyAs();" />
	    </div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_SaveCopyAs" TargetControlID="Panel_SaveCopyAs" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_SaveCopyAs" runat="server"
    TargetControlID="Panel_SaveCopyAs" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- save copy as popup ends -->

<!-- save new event popup begins -->
<asp:Panel ID="Panel_SaveNewEvent" runat="server" Width="325" CssClass="popupPanel">
<div id="saveNewEventPopup" class="saveAs">
    <strong>
	    <span>Event Duration</span>
    </strong>
    <div class="inner">
	    <label id="saveNewEventLabel">
		    Please specify the duration of this event.
	    </label>
	    <select id="saveNewEventDuration"></select>
	    <div class="spacerM"></div>
	    <input type="button" name="submit" value="Save" onclick="hideSaveNewEvent(); saveNewEvent();" />
	    <div class="spacerM"></div>
	    <input type="button" name="submit" value="Don't Save" onclick="hideSaveNewEvent();" />
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_SaveNewEvent" TargetControlID="Panel_SaveNewEvent" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_SaveNewEvent" runat="server"
    TargetControlID="Panel_SaveNewEvent" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- save new event popup ends -->

<!-- yes/no popup begins -->
<asp:Panel ID="Panel_YesNo" runat="server" Width="300" CssClass="popupPanel">
<div id="yesNoPopup" class="yesNoAlert">
    <strong id="yesNoHeader">
        <span id="yesNoSpan"></span>
        <!--<a href="#" class="close">Close</a>-->
    </strong>
    <div class="inner">
	    <label id="yesNoLabel">
	    </label>
	    <br />
	    <input id="yesNo_YesBtn" type="button" value="Yes" />
	    <div class="spacerXL"></div>
	    <input id="yesNo_NoBtn"type="button" value="No" />
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_YesNo" TargetControlID="Panel_YesNo" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_YesNo" runat="server"
    TargetControlID="Panel_YesNo" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- yes/no popup ends -->

<!-- alert popup begins -->
<asp:Panel ID="Panel_Alert" runat="server" Width="300" CssClass="popupPanel">
<div id="alertPopup" class="yesNoAlert">
    <strong id="alertHeader">
        <span id="alertSpan"></span>
        <!--<a href="#" class="close">Close</a>-->
    </strong>
    <div class="inner">
	    <label id="alertLabel">
	    </label>
	    <br />
	    <input id="alertBtn" type="button" value="OK"/>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_Alert" TargetControlID="Panel_Alert" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_Alert" runat="server"
    TargetControlID="Panel_Alert" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- alert popup ends -->

<!-- export csv popup begins -->
<asp:Panel ID="Panel_ExportCSV" runat="server" Width="300" CssClass="popupPanel">
<div id="exportCSVPopup" class="yesNoAlert">
    <strong>
        <span>Export CSV</span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
	    <a id="exportCSVLink" href="#">Download CSV File</a>
	    <br />
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_ExportCSV" TargetControlID="Panel_ExportCSV" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_ExportCSV" runat="server"
    TargetControlID="Panel_ExportCSV" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- export csv popup ends -->

<!-- open for edit popup begins -->
<asp:Panel ID="Panel_OpenForEdit" runat="server" Width="300" CssClass="popupPanel">
<div id="openForEditAlert" class="openForEdit">
    <strong>
        <span id="openForEdit_Span"></span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
	    <label id="openForEdit_Label">
	    </label>
	    <!--<br />
	    <input id="Button1" type="button" value="OK"/>-->
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_OpenForEdit" TargetControlID="Panel_OpenForEdit" runat="server" Enabled="true" />

<!-- open for edit popup ends -->

<!-- custom font color tag popup begins -->
<asp:Panel ID="Panel_CustomFontColor" runat="server" Width="250" CssClass="popupPanel">

<div id="customFontColorPopup" class="customFontColorPopup">
    <strong>
	    <span>Insert Custom Font Color Tag</span>
    </strong>
    <div class="inner">
        <div class="row">
            <label>Completed RGB or CMYK values will automatically convert to Hex values</label>
            <label id="customColorAlert" style="font-weight:bold; color:Red; display:none;"></label>
        </div>
        <div class="row">
            <div class="col" style="width:55px;">
                <label>R</label>
                <input type="text" style="width:20px;" id="txtCustomColor_R" onchange="customColorCheck(this);" />
            </div>
            <div class="col" style="width:55px;">
                <label>G</label>
                <input type="text" style="width:20px;" id="txtCustomColor_G" onchange="customColorCheck(this);" />
            </div>
            <div class="col" style="width:55px;">
                <label>B</label>
                <input type="text" style="width:20px;" id="txtCustomColor_B" onchange="customColorCheck(this);" />
            </div>
        </div>
        <div class="row">
            <div class="col" style="width:55px;">
                <label>C</label>
                <span><input type="text" style="width:20px;" id="txtCustomColor_C" onchange="customColorCheck(this);" />&nbsp;%</span>
            </div>
            <div class="col" style="width:55px;">
                <label>M</label>
                <span><input type="text" style="width:20px;" id="txtCustomColor_M" onchange="customColorCheck(this);" />&nbsp;%</span>
            </div>
            <div class="col" style="width:55px;">
                <label>Y</label>
                <span><input type="text" style="width:20px;" id="txtCustomColor_Y" onchange="customColorCheck(this);" />&nbsp;%</span>
            </div>
            <div class="col" style="width:55px;">
                <label>K</label>
                <span><input type="text" style="width:20px;" id="txtCustomColor_K" onchange="customColorCheck(this);" />&nbsp;%</span>
            </div>
        </div>
        <hr />
        <div class="row">
            <label id="customColorHexAlert" style="font-weight:bold; color:Red; display:none;">Hex value must be 6 characters long including only numbers or the letters A-F (capitals or lower-case)</label>
        </div>
        <div class="row" style="padding:2px 10px 2px;">
            <div class="col">
                <span style="line-height:17px;">Hex Value #</span><input type="text" style="width:70px;" id="txtCustomColor_Hex" value="" onchange="customColorCheckHex();" onkeyup="hexKeyUpEvent();" />
            </div>
            <div class="spacerM"></div>
            <div class="col">
                <div id="customColorExample" style="background-color:#fff; width:17px; height:17px; border:solid 1px #BEBEBE; "></div>
            </div>
        </div>

        <div class="row" style="padding:3px 10px 2px;">
            <input type="button" style="float:left; padding:0px 5px;" name="submit" value="Insert Custom Hex Value" onclick="insertCustomFontColorTag();"/>
            <input type="button" style="float:left; width:65px;" name="submit" value="Cancel" onclick="hideCustomFontColorTag();" />
        </div>
	    </div>
    </div>

</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_CustomFontColor" TargetControlID="Panel_CustomFontColor" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_CustomFontColor" runat="server"
TargetControlID="Panel_CustomFontColor" 
Rounded="false"
Width="5"
Opacity="0.25" 
TrackPosition="true"  />
<!-- custom font color tag popup ends -->

<!-- debugging box -->
<div id="coordBox" style="display:none">
    <span id="mouseCoords">(x,y): </span><br />
    <!--<span id="dropPoint">drop point: </span><br />
    <span id="dropBoxId">drop box id: </span><br />
    <span id="affectedArray">affected: </span><br />-->
    <span id="dropsIndex">drops index: </span><br />    
    <span id="numDrags">draggables: </span><br />
    <span id="numDrops">droppables: </span><br />
    <span id="activeDrag">active drag: </span><br />  
    <span id="activeDrop">active drop: </span><br />  
    <span id="activeList">active list: </span><br />
</div>

<script type="text/javascript">      
    
    // assign all global javascript variables
    sessionId = "<%= Hidden_SessionID.Value %>";
    userId = "<%= Hidden_UserID.Value %>";
    activeEditorPageId = "<%= Hidden_EditorPageID.Value %>"; 
    scheduleEditorHeaders = "<%= Hidden_EditorHeader.Value %>".split('_');
    scheduleEditorListLookupIds = "<%= Hidden_ListLookupIDs.Value %>".split('_');
    scheduleEditorHeader = $('<%= Lbl_ScheduleHeader.ClientID %>');
    scheduleEditorReturnButton = $('scheduleEditorReturn');
    scheduleEditorCancelButton = $('scheduleEditor_Cancel'); 
    scheduleEditorEditChoice = "<%= Hidden_PreviousBtnChoice.Value %>";
    packageEditorPackageId = '<%= Hidden_ListLookupIDs.Value %>';
    packageEditorHeader = $('<%= Lbl_PackageHeader.ClientID %>');
    packageEditorReturnButton = $('packageEditorReturn');    
    packageEditorCancelButton = $('packageEditor_Cancel'); 
    packageEditorEditChoice = "<%= Hidden_PreviousBtnChoice.Value %>";
    eventEditorEventId = '<%= Hidden_ListLookupIDs.Value %>';
    eventEditorHeader = $('<%= Lbl_EventHeader.ClientID %>');
    eventEditorReturnButton = $('eventEditorReturn');    
    eventEditorCancelButton = $('eventEditor_Cancel'); 
    eventEditorEditChoice = "<%= Hidden_PreviousBtnChoice.Value %>";
    comboEditorComboId = '<%= Hidden_ListLookupIDs.Value %>';
    comboEditorHeader = $('<%= Lbl_ComboHeader.ClientID %>');
    comboEditorReturnButton = $('comboEditorReturn');  
    comboEditorCancelButton = $('comboEditor_Cancel'); 
    comboEditorEditChoice = "<%= Hidden_PreviousBtnChoice.Value %>";
    assetEditorAssetId = '<%= Hidden_ListLookupIDs.Value %>';
    assetEditorHeader = $('<%= Lbl_AssetHeader.ClientID %>');
    assetEditorReturnButton = $('assetEditorReturn'); 
    assetEditorCancelButton = $('assetEditor_Cancel'); 
    assetEditorEditChoice = "<%= Hidden_PreviousBtnChoice.Value %>";
    
    // apply user access restrictions
    accessList = $('<%= ListBox_UserAccess.ClientID %>');
    applyUserAccess('Editor');    
    
    if (activeEditorPageId == 'scheduleEditor') {        
         
        scheduleEditorReturnButton.value = "Return to Schedule List";
        scheduleEditorReturnButton.setAttribute('onclick', 'checkReturn(this, "ScheduleList.aspx");'); 
        //scheduleEditorCancelButton.setAttribute('onclick', 'activeEditor.destroy(); location.href = "ScheduleList.aspx";');
        scheduleEditorCancelButton.setAttribute('onclick', 'checkReturn(this, "ScheduleList.aspx");');
        $(activeEditorPageId).style.display = "block";
        loadScheduleEditor();
        
    } else if (activeEditorPageId == 'packageEditor') {      

        packageEditorReturnButton.value = "Return to Package List";
        packageEditorReturnButton.setAttribute('onclick', 'checkReturn(this, "PackageList.aspx");'); 
        //packageEditorCancelButton.setAttribute('onclick', 'location.href = "PackageList.aspx";');
        packageEditorCancelButton.setAttribute('onclick', 'checkReturn(this, "PackageList.aspx");'); 
        $(activeEditorPageId).style.display = "block";
        loadPackageEditor();
        
    } else if (activeEditorPageId == 'eventEditor') {      
 
        eventEditorReturnButton.value = "Return to Event List";
        eventEditorReturnButton.setAttribute('onclick', 'checkReturn(this, "EventList.aspx");'); 
        //eventEditorCancelButton.setAttribute('onclick', 'location.href = "EventList.aspx";');
        eventEditorCancelButton.setAttribute('onclick', 'checkReturn(this, "EventList.aspx");'); 
        $(activeEditorPageId).style.display = "block";      
        loadEventEditor();  
    } else if (activeEditorPageId == 'comboEditor') {      

        comboEditorReturnButton.value = "Return to Combo List";
        comboEditorReturnButton.setAttribute('onclick', 'checkReturn(this, "ComboList.aspx");'); 
        //comboEditorCancelButton.setAttribute('onclick', 'location.href = "ComboList.aspx";');
        comboEditorCancelButton.setAttribute('onclick', 'checkReturn(this, "ComboList.aspx");'); 
        $(activeEditorPageId).style.display = "block";
        loadComboEditor();
        
    } else if (activeEditorPageId == 'assetEditor') {      
 
        assetEditorReturnButton.value = "Return to Asset List";
        assetEditorReturnButton.setAttribute('onclick', 'checkReturn(this, "AssetList.aspx");'); 
        //assetEditorCancelButton.setAttribute('onclick', 'location.href = "AssetList.aspx";');
        assetEditorCancelButton.setAttribute('onclick', 'checkReturn(this, "AssetList.aspx");'); 
        $(activeEditorPageId).style.display = "block";  
        loadAssetEditor();  
    }
</script> 

</form>
</asp:Content>